<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>美食街 | 首页</title>
        <link rel="stylesheet" href="css/shiip.css" />
    </head>
    <body>
        <!--1.头部-->
        <div id="header">
            <div class="logo">
                <a href="#">
                    <img src="img/logo.png" />
                </a>
            </div>
            <div class="search">
                <form>
					<div >
						<input type="text" value="SEARCH..." class="text"/>
						<a href="#"> <img  class="pic" src="img/search.png" ></a>
					</div>
                </form>
            </div>
        </div>
        <!--2.导航-->
        <div id="nav">
            <ul>
                <li><a href="#">集团介绍</a></li>
                <li><a href="#">产品中心</a></li>
                <li><a href="#">卧龙市场</a></li>
                <li><a href="#">技术研发</a></li>
                <li><a href="#">国际合作</a></li>
                <li><a href="#">投资者关系</a></li>
                <li><a href="#">新闻资讯</a></li>
                <li class="last"><a href="#">人力资源</a></li>
            </ul>
        </div>
        <!--3.横幅-->
        <div id="banner">
            <img src="img/banner.png" />
        </div>
        <!--4.新闻-->
        <div id="news">
			<!--上部分 -->
            <div class="news1">
                <div class="section1">
                    <h3>新闻资讯</h3>
                    <ul class="ul">
						<div class="section1_wenzi">
						<li>
                            <a href="#">陈建成董事长出席ATB集团召开年度销售大会</a>
                            <span>2013-07-30</span>
                        </li>
                        <li>
                            <a href="#">中国电器工业协会分马力电机分会在卧龙召开理事长...</a>
                            <span>2013-07-30</span>
                        </li>
                        <li>
                            <a href="#">陈建成董事长访问中国驻德大使馆</a>
                            <span>2013-07-30</span>
                        </li>
                        <li>
                            <a href="#">企业文化是企业持续经营的关键要素</a>
                            <span>2013-07-30</span>
                        </li>
                        <li>
                            <a href="#">陈建成监事长在ATB集团2013年销售会议上发表重要...</a>
                            <span>2013-07-30</span>
                        </li>
                        <li>
                            <a href="#">喜迎七一唱卧龙 年轻力量激发企业持久活力 卧龙举...</a>
                            <span>2013-07-30</span>
                        </li>	
						</div>
                        
                    </ul>
                </div>
               <div class="section2">
                    <h3>卧龙介绍</h3>
                    <p class="info1">公司成立于1984年,<br />经过近30年的发展</p>
                    <p class="info2">已成为电器制造,房地产开发和金融</p>
					<p class="info3">投资三业并举的综合性跨国...</p>
                </div>
                <div class="section3">
                    <h3>人才招聘</h3>
                    <p>培养一流人才,铸造一流的工程<br />实现员工与企业的共同发展</p>
                    <a href="#">
						<div class="more">
							<img class="more" src="img/more.png" />
						</div>
						<div class="flower">
							<img class="flower"  src="img/flower.png" />
						</div>
                    </a>
                </div>
            </div>
			<!-- 下部分 -->
          <div class="news2">
			  
                <h3>卧龙市场</h3>
                <div class="content">
					
                    <div class="smallBox">
						<div><img src="img/news1.png" ></div>
                        <a href="#">交通轨道: 由于主要采用电气牵引,而且轮轨摩擦阻力较小,与公共...</a>
                    </div>
					
                    <div class="smallBox" style="margin: 0 39px;">
                      <div >
                      	<img src="img/news2.png" >
                      </div>
                        <a href="#">节能环保: 由于不断上涨的能源消耗和我们的专业知识, 维护可持续...</a>
                    </div>
                    <div class="smallBox" style="margin-right: 39px;">
                        <div >
                       	<img src="img/news3.png" >
                       </div>
                        <a href="#">航空与船舰: 如果你是在公海行驶, 你需要确保你的船只的电力系统...</a>
                    </div>
                    <div class="smallBox">
                       <div >
                      	<img src="img/news4.png"  >
                      </div>
                        <a href="#">石油、天然气及采矿: 在市场中的安全性,可靠性,效率和最短的停机...</a>
                    </div>
                </div>
            </div>
        </div>
   <!--     5.底部 -->
     <div id="footer">
            <div class="section1_1"> 
                   <div class="view1" >
					<div  class="view1_h3_1">
						<h3>产品中心</h3>
						<div class="line1"></div>
						</div>							
						</div>
						<div class="view2" >
							</ul>
							<div  class="view1_h3_2">
								<h3 >技术研发</h3>
								<div class="line2">
									</div>
									</div>
								<div class="view3" >
									<div  class="view1_h3_3">
										<h3>营销网络</h3>
										<div class="line3"></div>
											</div>
											</div>
                                             </div>
                    <!-- 中间的list文字 -->
                   				<div class="left">
                   		<div class="letf_1">
                   	<ul class="list" >
                       <li class=""><a href="#">汽车电机</a></li>
                       <li class=""><a href="#">日用电机</a></li>
                       <li class=""><a href="#">特种电机</a></li>
                       <li class=""><a href="#">大功率电机</a></li>
                       <li class=""><a href="#">电工设备</a></li>
                   </ul>
                   </div>
                   		<div class="letf_2">
                   		<ul class="list">
                   <li><a href="#">工业驱动和自动化</a></li>
                   <li><a href="#">高压变频和系统集成</a></li>
                   <li><a href="#">混泥土搅拌机</a></li>
                   <li><a href="#">电动车辆</a></li>
                   </ul>
                   	</div>
                   	<div class="letf_3">
                   	 <ul class="list">
                   	    <li><a href="#">电池电源</a></li>
                   	    <li><a href="#">输变电设备</a></li>
                   	    <li><a href="#">楼盘信息</a></li>
                   	    <li><a href="#">金融产品</a></li>
                   	</ul>	
                   	</div>
					<div class="letf_4">
						 <ul class="list">
                        <li><a href="#">科技力量</a></li>
                        <li><a href="#">先进设备</a></li>
                        <li><a href="#">研发创新</a></li>
                        <li><a href="#">工艺流程</a></li>
					 </ul>
                </div>
				<div class="map">
					<img src="img/china.png" >
				</div>
			</div> 
            </div> 
			</div> 
         <!--  6.最底部  -->
            <div class="footer_1">
                <div class="view1">
                    <a href="#">网站地图 <span>|</span></a>
                    <a href="#">联系我们 <span>|</span></a>
                    <a href="#">关注卧龙 <span>|</span></a>
                    <a href="#">采购系统入口</a> 
					<div class="view2_1">
					<p>COPYRIGHT&nbsp;&copy;&nbsp;卧龙控股集团&nbsp;版权所有&nbsp;</p>
					  </div>
					  <div class="view2_2">
						<p>浙ICP备06005901号&nbsp;技术支持 : 博采</p>
					</div>
					<div class="view2_3">
						<p>互动&nbsp;&nbsp;&nbsp;&nbsp;分享到 : </p>
					</div>
					<div class="view2_4" style="margin-top:-30px ; margin-left: 846px;">
						<a href="#"><img src="img/share2.png" ></a>
						<a href="#"><img src="img/share1.png" ></a>
						<a href="#"><img src="img/share3.png" ></a>
						<a href="#"><img src="img/share4.png" ></a>
						<a href="#"><img src="img/share5.png" ></a>
					</div>
                </div>
                 </div>	
    </body>
</html>